<template>
	<view>
		<view class="top d-flex f-column a-center j-centert white">
			<text class="size30">余额（元）</text>
			<view class="size68 m-top50">{{pageData.account}}</view>
			<view class="row j-sa m-top80">
				<view class="tab flexac size28" @click="toUrl('recharge')">充值</view>
				<view class="tab flexac size28" @click="toUrl('Withdrawal')">提现</view>
			</view>
		</view>
		
		<view class="row bgwhite m-top50 p-left40">
			<view class="row j-sb a-center p-right30 p-top24 p-bot24 bot_bor">
				<view class="d-flex a-center">
					<view class="iconfont icon-yinhangqia color_33 size44"></view>
					<text class="color_33 size28 m-left20">我的卡包</text>
				</view>
				<view class="iconfont icon-a-zujian32 color_99 h6"></view>
			</view>
			<view class="row j-sb a-center p-right30 p-top24 p-bot24 bot_bor">
				<view class="d-flex a-center">
					<view class="iconfont icon-youhuiquan color_33 size44"></view>
					<text class="color_33 size28 m-left20">我的积分</text>
				</view>
				<view class="iconfont icon-a-zujian32 color_99 h6"></view>
			</view>
			<view class="row j-sb a-center p-right30 p-top24 p-bot24 bot_bor">
				<view class="d-flex a-center" @click="toUrl('RechargeRecord')">
					<view class="iconfont icon-erweima color_33 size44"></view>
					<text class="color_33 size28 m-left20">充值记录</text>
				</view>
				<view class="iconfont icon-a-zujian32 color_99 h6"></view>
			</view>
			<view class="row j-sb a-center p-right30 p-top24 p-bot24 bot_bor" 
			     @click="toUrl('WithdrawRecords')">
				<view class="d-flex a-center">
					<view class="iconfont icon-tixianjilu color_33 size44"></view>
					<text class="color_33 size28 m-left20">提现记录</text>
				</view>
				<view class="iconfont icon-a-zujian32 color_99 h6"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			  pageData:'',	
			}
		},
		onLoad() {
			this.account();
			this.RecordList();
		},
		methods: {
			account(){
				this.$http.get('/account/account').then(res=>{
					if(res.code != 1) return this.$Toast(res.msg);
					this.pageData = res.data[1];
				})
			},
			RecordList(){
				this.$http.get('/remittance/remittanceRecordList').then(res=>{
					if(res.code != 1) return this.$Toast(res.msg);
					
				})
			}
		}
	}
</script>
<style>
	page {
		background-color: #f0edf1;
	}
</style>
<style lang="scss" scoped>
	.top{
		width:100%;
		height: 500rpx;
		background: linear-gradient(to bottom, #FD7700 0%,#f15222 100%);
	}
	.tab{
		width:230rpx;
		height: 64rpx;
		border:1px solid #ffffff;
		border-radius: 32rpx;
	}
</style>
